import './index.scss'
import { useNavigate } from 'react-router-dom'
import { Button } from 'antd'
import { useState } from 'react'
const NotFound = () => {
  const [notfound] = useState('https://shiqi-1307667097.cos.ap-chengdu.myqcloud.com/notfound.jpg')
  const navigate = useNavigate()
  function goHome() {
    navigate('/')
  }
  return (
    <div className="notfound">
      <img src={notfound} alt="" />
      <div className="tips">这还是浏览器页面吗~</div>
      <Button
        style={{ width: 100 , backgroundColor:'#ffbda4'}}
        type="primary"
        size="default"
        onClick={goHome}
      >
        回首页
      </Button>
    </div>
  )
}
export default NotFound
